// components/color/color.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    rgb:{
      r:0,
      g:0,
      b:0
    },
    color:'0,0,0'

  },

  /**
   * 组件的方法列表
   */
  methods: {
    R () { this.setData({ 'rgb.r':this.data.rgb.r+8>255?255:this.data.rgb.r+5 }) },
    G () { this.setData({ 'rgb.g':this.data.rgb.g+8>255?255:this.data.rgb.g+5 }) },
    B () { this.setData({ 'rgb.b':this.data.rgb.b+8>255?255:this.data.rgb.b+5 }) }

  },
  observers:{
    'rgb.r,rgb.g,rgb.b': function (r,g,b){
        this.setData({
          color:`${r},${g},${b}`
        })
    }
    // 'rgb.**': function (r,g,b){
    //     this.setData({
    //       color:`${r},${g},${b}`
    //     })
    // }
  }
})
